<template>
  <div class="lazyload-container">
    <img v-lazy="'https://acg.xydwz.cn/api/api.php'" class="lazyload-img" />
    <img v-lazy="'https://acg.xydwz.cn/api/api.php'" class="lazyload-img" />
    <img v-lazy="'https://acg.xydwz.cn/api/api.php'" class="lazyload-img" />
    <img v-lazy="'https://acg.xydwz.cn/api/api.php'" class="lazyload-img" />
    <img v-lazy="'https://acg.xydwz.cn/api/api.php'" class="lazyload-img" />
    <img v-lazy="'https://acg.xydwz.cn/api/api.php'" class="lazyload-img" />
    <img v-lazy="'https://acg.xydwz.cn/api/api.php'" class="lazyload-img" />
    <img v-lazy="'https://acg.xydwz.cn/api/api.php'" class="lazyload-img" />
    <img v-lazy="'https://acg.xydwz.cn/api/api.php'" class="lazyload-img" />
    <img v-lazy="'https://acg.xydwz.cn/api/api.php'" class="lazyload-img" />
    <img v-lazy="'https://acg.xydwz.cn/api/api.php'" class="lazyload-img" />
    <img v-lazy="'https://acg.xydwz.cn/api/api.php'" class="lazyload-img" />
    <img v-lazy="'https://acg.xydwz.cn/api/api.php'" class="lazyload-img" />
    <img v-lazy="'https://acg.xydwz.cn/api/api.php'" class="lazyload-img" />
  </div>
</template>

<script>
</script>

<style scoped lang="less">
  .lazyload-container {
      height: 100%;
      width: 100%;
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      overflow-x: scroll;
      .lazyload-img {
        margin-bottom: 10px;
        width: 100%;
        height: 300px;
      }
  }
</style>
